/**
 * @Author: zhiqing.wang
 * @Email: zhiqing.wang@brgroup.com
 * @Date: 2021-10-22 10:15:46
 * @LastEditors: zhiqing.wang
 * @LastEditTime: 2021-11-16 19:28:59
 * @Description: 头部注释
*/
<template>
  <!-- 多波次 -->
  <div class="node-box">
    <!-- <Icon :type="icon" class="icon" /> -->
    <img :src="icon" alt="">
    <p> {{ text }}</p>
  </div>
</template>

<script lang="ts" setup>
/*eslint-disable */
import { Icon } from '@bairong/uxd-ui'
import { defineProps } from 'vue'

const props = defineProps({
  icon: {
    type: String
    // required: true
  },
  text: {
    type: String
    // required: true
  }
})

</script>

<style scoped lang="less">
.child {
  width: 150px;
  min-height: 100px;
  background: #fff;
  position: absolute;
  left: 60px;
  top: 0;
  display: none;
}
.node-box {
  width: 64px;
  height: 64px;
  border: 1px solid #136fff;
  border-radius: 5px;
  background: #fff;
  text-align: center;
  padding-top: 6px;
  position: relative;
  &:hover {
    cursor: move;
    // background: #136fff;
    // color: #fff;
    // .child {
    //   // display: block;
    //   color: #000;
    // }
    // img {
    //   color: #fff;
    // }
  }
  img {
    width: 22px;
    height: 22px;
    font-size: 22px;
    color: #136fff;
  }
  p {
    margin-top: 5px;
    font-size: 12px;
  }
}
</style>
